
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#777777">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 11px Verdana, Geneva, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
#navbar-iframe, #Navbar1 {display:none !important;}
header, nav, section, aside, article, footer {display:block;}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
/* Use this with templates/template-twocol.html */
body,.body-fauxcolumn-outer{background:#F2F2F2;background-image: url("https://lh3.googleusercontent.com/-BvLtEtfHknY/UZKZI8ZKCFI/AAAAAAAADAU/SnAbu-dPif8/s5-no/bg.png");margin:0;padding:0;color:#333333;font:x-small Georgia Serif;font-size
/* */:/**/
small;font-size:/**/
small;text-align:center}
a,#related-postsx .gmbrrltd,img{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
a:link{color:#6D6D6D;text-decoration:none}
a:visited{color:#999999;text-decoration:none}
a:hover{color:#000;text-decoration:none}
a img{border-width:0}
#NoScript{background:none repeat scroll 0% 0% rgb(255,255,255);text-align:center;padding:5px 0;border-top:2px solid #0073B4;border-bottom:2px solid #0073B4;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;opacity:0.9}
#NoScript h6{font-size:24px;color:rgb(102,102,102);position:absolute;top:50%;width:100%;text-align:center;margin-left:-30px;margin-top:-18px}
/* Header
-----------------------------------------------
*/
#isihead{height:80px;position:relative}
#header-wrapper{margin:0 auto 0;padding:5px 20px;min-width:300px;color:white;float:left;position:absolute;top:10px;background-color:#fcf8c6;border:1px solid #fff}
#header{color:#E0E0E0;margin:0}
#header h1.title,#header p.title{margin:0;padding:5px 0 0;line-height:1.2em;font-size:250%;font-weight:bold;text-transform:uppercase;color:white;font-family:Helvetica,Arial}
#header h1.title a,#header p.title a{color:white}
#header a:hover{color:#666666}
#header .description{margin:0;padding:0 0 10px;color:#E7E7E7;font:normal normal 110% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif}
#header img{margin-left:auto;margin-right:auto}
/* Navigation
----------------------------------------------- */
#naviga{height:30px}
#navigx{margin:3px 0 0;float:left;font:12px/14px Arial,Helvetica,sans-serif}
#nav ul{height:30px;margin:0;padding:0}
#nav li{list-style:none;display:inline-block;zoom:1;margin:0;padding:0;float:left;position:relative}
#nav li a{display:block;line-height:25px;height:28px;text-decoration:none;color:#CECECE;padding:0 15px;font-weight:bold}
#nav li:hover > a{color:white}
#nav ul.sub-menux{position:absolute;height:auto;background-color:#262F38;border:1px solid #140B00;width:180px;display:none;z-index:99}
#nav li:hover ul.sub-menux{display:block}
#nav ul.sub-menux li{display:block;float:none;border-bottom:1px solid #3E4852}
#nav ul.sub-menux a{line-height:30px;background-color:#344149;font-weight:normal}
#nav ul.sub-menux a:hover{background-color:#3E4B52}
#nav-top{float:right;margin:10px 0 0}
#nav-top .menutopx ul,#nav-top .menutopx li{padding:0;margin:0;list-style:none}
#nav-top .menutopx li{display:inline-block;float:left}
#nav-top .menutopx a{color:#B4B4B4;line-height:25px;display:block;padding:0 10px}
#nav-top .menutopx a:hover{color:whiteSmoke}
#socialnya{float:right;position:absolute;right:10px;top:53px}
#socialnya div.recntsposts{position:absolute;width:250px;background-color:white;right:0;top:100%;display:none;z-index:99;border:1px solid #EBEBEB}
#socialnya li:hover div.recntsposts{display:block}
ul.socialxx,ul.socialxx li{list-style:none;padding:0;margin:0;margin:0 0 0 8px}
ul.socialxx li{display:inline-block;float:left;position:relative}
ul.socialxx li:active{bottom:-2px}
ul.socialxx > li > a{display:block;width:36px;height:36px;text-indent:-9999px;border:2px solid #fc6400}
ul.socialxx .ikon{background-image:url(http://4.bp.blogspot.com/-rRaIvdxZlvc/UN3QlLAa-9I/AAAAAAAAHag/oklluoI7Diw/s1600/sprite2.png);background-position:0 0;background-repeat:no-repeat}
ul.socialxx .fb{background-position:4px -4px}
ul.socialxx .fb:hover{background-color:#0073B4}
ul.socialxx .twtr{background-position:4px -104px}
ul.socialxx .twtr:hover{background-color:#01AAEB}
ul.socialxx .goplus{background-position:4px -52px}
ul.socialxx .goplus:hover{background-color:#D82401}
ul.socialxx .rssx{background-position:4px -160px}
ul.socialxx .rssx:hover{background-color:#E4730C}
ul.socialxx .rcpostnya{background-position:5px -217px}
ul.socialxx li:hover > .rcpostnya{background-color:#5E6C77}
#navmobi,#navmobitop{display:none}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper{text-align:left;font:normal normal 11px Verdana,Geneva,sans-serif}
#isihead, #naviga, #content-wrapper {width:990px;margin:0 auto}
#footer-wrapper {width:auto;margin:0 auto}
#main-wrapper{width:70%;padding:0;float:left;font-size:12px;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper{width:30%;float:right;word-wrap:break-word;/* fix for long text breaking sidebar float in IE */
overflow:hidden;/* fix for long non-text content breaking IE sidebar float */}
#sidebar-wrapper h2,#footer-wrapper h2{background-color:#5E6C77;font-size:130%;border:1px solid #435463;color:white;padding:8px 12px;margin:0}
#sidebar-wrapper .widget-content{padding:10px 10px;margin:0;background-color:white;border:1px solid #E0E0E0;border-top:0}
#footer-wrapper .widget-content{padding:10px 10px;margin:0}
/* Headings
----------------------------------------------- */
h1,h2,h3,h4,h5,h6,#rcentcomnets .ketkomt a,.PopularPosts .item-title a{font-family:Helvetica,Arial;line-height:1.1em;font-weight:bold;margin:0}
/* Posts
-----------------------------------------------
*/
.date-header{margin:1.5em 0 .5em;display:none}
.post{margin:0;padding:15px 20px;border:1px solid white;border-bottom:1px solid #E0E0E0;overflow:hidden;width:100%}
.post-body{margin:0 0 .75em;line-height:1.6em}
.post-body blockquote{line-height:1.3em}
.post-footer{margin:.75em 0;display:none}
.comment-link{margin-left:.6em}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin:1em 20px}
.post blockquote p{margin:.75em 0}
.post-body blockquote{line-height:1.6em;position:relative;font-family:Georgia,serif;font-size:12px;font-style:italic;padding:0.25em 40px}
.post-body blockquote::before{display:block;content:"\201C";font-size:70px;position:absolute;left:0;top:15px}
.comment-form {
width: 100%;
max-width: 100%;
background: white;
}
#recent_post{
position:absolute;
margin:0px;
padding: 5px 2px 2px;
width:auto;
background:#fff;
border:1px solid #ddd;
}
/* Comments
----------------------------------------------- */
#comments{margin:0}
.comments .comments-content{padding:0 15px;margin:0;border:1px solid white;border-bottom:0}
#comments h4,#related-postsx h4{margin:0;font-size:150%;font-weight:bold;padding:5px 15px;border:1px solid white;border-bottom:1px solid #E0E0E0}
#comments-block{margin:1em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{margin:.5em 0}
#comments-block .comment-body{margin:.25em 0 0}
#comments-block .comment-footer{margin:-.25em 0 2em;line-height:1.4em;text-transform:uppercase;letter-spacing:.1em}
#comments-block .comment-body p{margin:0 0 .75em}
.comments .avatar-image-container{float:right;width:45px;max-width:45px;height:45px;max-height:45px;border:1px solid #C7C7C7;padding:2px}
.comments .avatar-image-container img{width:100%;height:100%;max-width:100%}
.comments .inline-thread .avatar-image-container{float:left;width:38px;height:38px}
.comments .comment-block{margin:0 55px 0 0}
.comments .inline-thread .comment-block{margin-right:0;margin-left:45px}
.comments .comments-content .comment,.comments .comments-content .comment:first-child,.comments .comments-content .comment:last-child{margin:0;padding:5px 0}
.comments .comments-content .inline-thread .comment{padding:5px;border:1px solid #D5D5D5;background-color:white;margin:5px 0}
.comments .comments-content .comment-replies{margin:0}
.comments .comments-content .icon.blog-author{position:absolute;width:36px;height:36px;right:-56px;top:-1px;background-image:url(http://3.bp.blogspot.com/-QWg4RI6fBbs/UN_0aP98wgI/AAAAAAAAHdQ/njW7X-n9aaY/s1600/author_grey.png);background-position:0 0;background-repeat:no-repeat}
.comments .comments-content .inline-thread .icon.blog-author{right:-7px;top:-8px}
.comments .comment .comment-actions a{padding:3px 6px;background-color:#5E6C77;font-size:10px;color:white;margin:0 3px 0 0}
.comments .comment .comment-actions a:hover{background-color:#5390AD}
.deleted-comment{font-style:italic;color:gray}
/*Blogger Page
..........................................................*/
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
padding: 0 10px;
text-align: center;
}
.feed-links {
display: none;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar,.footer{color:#666666;line-height:1.5em}
.sidebar ul,.footer ul{list-style:none;margin:0 0 0;padding:0 0 0}
.sidebar li,.footer li{margin:0;padding-top:0;padding-right:0;padding-bottom:.25em;padding-left:15px;line-height:1.5em}
.sidebar .widget,.main .widget,.footer .widget{margin:0 0 1.5em;padding:0}
.main .Blog{border-bottom-width:0}
/* Profile
----------------------------------------------- */
.profile-img{float:left;margin-top:0;margin-right:5px;margin-bottom:5px;margin-left:0;padding:4px;border:1px solid #cccccc}
.profile-data{margin:0;color:#999999;font-weight:bold;line-height:1.6em}
.profile-datablock{margin:.5em 0 .5em}
.profile-textblock{margin:0.5em 0;line-height:1.6em}
.profile-link{letter-spacing:.1em}
/* Footer
----------------------------------------------- */
#footer{width:auto;clear:both;margin:0 auto;padding:2%;color:white;background-color:black;text-transform:uppercase;letter-spacing:.1em;text-align:center;display:block}
img{max-width:100%;height:auto;width:auto\9}
#searchnya{float:right;padding:4px 0 3px}
#ajax-search-form{position:relative;font:normal normal 13px Arial,Sans-Serif}
#ajax-search-form input{border:1px solid #CCC;background-color:white;color:#6F6F6F;margin:0 0;padding:4px;font-size:11px;border-top-color:#999;width:140px}
#ajax-search-form input[type="submit"]{width:auto;background-color:#3A3A3A;border:none;color:white;font-weight:bold;cursor:pointer}
#ajax-search-form input[type="submit"]:hover,#ajax-search-form input[type="submit"]:focus{background-color:#4D4D4D}
#search-result{border:1px solid #F3F3F3;background-color:white;padding:8px 10px;margin:2px 0;width:270px;height:auto;position:absolute;top:100%;right:0;z-index:99;-webkit-box-shadow:0 1px 3px rgba(112,112,112,0.3);-moz-box-shadow:0 1px 3px rgba(112,112,112,0.3);box-shadow:0 1px 3px rgba(112,112,112,0.3);display:none}
#search-result *{margin:0 0 0 0;padding:0 0 0 0}
#search-result h4,#search-result strong{display:block;margin:0 30px 10px 0}
#search-result ol{margin:0 0 10px 25px}
#search-result ol a:hover{text-decoration:underline}
#search-result .close{display:block;position:absolute;top:4px;font-size:18px;right:10px;line-height:normal;color:black}
#search-result strong{color:#B75252}
.infox{overflow:hidden}
.infox a{color:#3F3F3F}
.infox a:hover{color:black}
.infox > div{display:inline;float:left;padding:2px 3px;background-color:#E9E9E9}
#labelxnya{float:left;position:relative}
#labelxnya span{display:block;line-height:31px}
#labelxnya span.clicklabelx{padding:0 16px 0 28px;background-image:url(http://4.bp.blogspot.com/-O-kSvWKsmYk/UN9JaRxLC2I/AAAAAAAAHcU/01bQBGyEu8I/s1600/sprite1b.png);background-repeat:no-repeat;background-position:3px -191px;cursor:pointer;position:relative}
#labelxnya:hover > span.clicklabelx{background-position:3px -143px;color:#113E61}
#labelxnya span.clicklabelx::after{content:"";width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#3F3F3F transparent transparent transparent;position:absolute;top:13px;right:3px}
#labelxnya:hover > span.clicklabelx::after{border-color:#113E61 transparent transparent transparent}
#labelxnya ul,#labelxnya li{list-style:none;padding:0;margin:0}
#labelxnya ul.labelxx{position:absolute;z-index:99;overflow:hidden;background-color:#F8F8F8;border:1px solid #E4E4E4;border-top:0;top:30px;width:200px;display:none}
#labelxnya:hover ul.labelxx{display:block}
#labelxnya li{padding:3px 5px;border-bottom:1px solid #E7E7E7;border-top:1px solid white}
#labelxnya li:first-child{border-top:0}
#labelxnya li:last-child{border-bottom:0}
#labelxnya a{display:block;padding:4px 8px;border-radius:3px}
#labelxnya a:hover{background-color:#BDBDBD}
ul#tebslect,ul#tebslect li,#rcentcomnets ul,#rcentcomnets li,#rcentpost ul,#rcentpost li{padding:0;margin:0;list-style:none;overflow:hidden}
ul#tebslect{background-color:#454100;border:1px solid #435463;border-bottom:0}
ul#tebslect li{display:inline-block;float:left;width:33.3%;text-align:center}
ul#tebslect a{display:block;line-height:32px;color:white}
ul#tebslect .selected a,ul#tebslect a:hover{background-color:#fc6400}
#sidebar-wrapper #sibebar-tengah .widget-content{padding:0 0;border:0}
.PopularPosts .widget-content ul li,#rcentcomnets li,#rcentpost li{padding:8px 10px;border:1px solid white;border-bottom:1px solid #E0E0E0}
.PopularPosts .widget-content ul li:last-child,#rcentcomnets li:last-child,#rcentpost li:last-child{border-bottom:0}
#bungkusside{border:1px solid #E0E0E0}
#sibebar-tengah #bungkusside .widget{margin:0}
.widget.Label li{padding:5px;float:left;margin:0 2px 2px 0;background-color:#454100;border:1px solid #555}
.widget.Label li a,.widget.Label li span{color:white}
.widget.Label li:hover{background-color:#fc6400;border:1px solid #435463}
#creditxx{background: url(http://2.bp.blogspot.com/-lYN9nR3p3Ac/Ue31q91nwDI/AAAAAAAAADY/KspWGGMZeDQ/s1600/nav.png&quot;) repeat-x scroll 0% 0% rgb(20, 28, 0);border-top:1px solid #000;text-align:center;font-size:10px}
#isifooter{width:990px;margin:0 auto;overflow:hidden}
#isifooter .footer-wrap{width:33.3%;float:left}
.CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK{background-color:#686868}
.CSS_LIGHTBOX .CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.5}
.CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG{outline:1px solid #444}
.CSS_LIGHTBOX .CSS_LIGHTBOX_SCALED_IMAGE_IMG:hover{opacity:1}
.CSS_LIGHTBOX .CSS_LIGHTBOX_FILMSTRIP{background-color:#505050;background-color:rgba(63, 63, 63, 0.18)}
.CSS_LIGHTBOX .CSS_LIGHTBOX_INDEX_INFO{color:#353535}
/* slides
----------------------------------------------- */
#slides *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
#slides ul,#slides li{padding:0;margin:0;list-style:none;position:relative}
#slides ul{height:250px}
#slides li{width:49.9%;height:100%;position:absolute;display:none}
#slides li:nth-child(1), #slides li:nth-child(2), #slides li:nth-child(3), #slides li:nth-child(4){display:block}
#slides li:nth-child(1){left:0;top:0}
#slides li:nth-child(2){left:50.1%;width:24.8%;height:49.8%}
#slides li:nth-child(3){left:75.2%;width:24.8%;height:49.8%}
#slides li:nth-child(4){left:50.1%;top:50.2%;height:49.9%}
#slides a{display:block;width:100%;height:100%;overflow:hidden}
#slides img{display:block;width:100%;height:100%;border:0;padding:4px;background-color:#202b02;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides .overlayx{width:100%;height:100%;position:absolute;z-index:2;background-image:url(https://lh5.googleusercontent.com/-kIw4J9c3gOk/UV-PVX1TkII/AAAAAAAAJD8/PgK5RVMruoQ/s320/bloggerheroe.com-fadebg.png);background-position:50% 50%;background-repeat:repeat-x;border:4px solid #fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#slides h4{position:absolute;bottom:30px;margin:0;font-size:18px;font-family:Arial;left:0;padding:0 10px;color:white;z-index:3;line-height:20px;font-weight:normal}
#slides li:nth-child(2) h4,#slides li:nth-child(3) h4{font-size:13px;line-height:15px}
#slides .label_text{font-size:9px;color:white;bottom:10px;z-index:3;left:10px;font-family:Verdana,Geneva,sans-serif;position:absolute}
#slides li:nth-child(2) .autname,#slides li:nth-child(3) .autname{display:none}
#slides .overlayx,#slides li{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
#slides li:hover .overlayx{-ms-filter:"progid:DXImageTransform.Microsoft. Alpha(Opacity=10)";filter:alpha(opacity=10);-khtml-opacity:0.1;-moz-opacity:0.1;opacity:0.1}
#buttons{margin: 5px auto;text-align: center;background:#f1e4be;width: 10%;}
#buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative}
#buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #FFFFFF transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50%}
#buttons a#nextx::before{border-color:transparent transparent transparent #FFFFFF;margin-left:-3px}
@media only screen and (max-width:600px){
#slides ul{height:600px}
#slides li:nth-child(1){width:100%;height:49.8%}
#slides li:nth-child(2){top:50.2%;height:24.8%;left:0;width:49.8%}
#slides li:nth-child(3){left:50.2%;top:50.2%;width:49.8%;height:24.8%}
#slides li:nth-child(4){left:0;top:75.3%;height:24.8%;width:100%}
}
/* Tiện ích
----------------------------------------------- */
.breadcrumbs{font-size:9px;padding:5px 10px;border:1px solid white;border-bottom:1px solid #E0E0E0}
.post h1.post-title{font-size:220%;margin:0 0 10px;color:black}
.post h1.post-title a{color:black}
.post h1.post-title a:hover{color:#6D6D6D}
.infox{margin:0 0 10px 0;font-size:10px}
ul#social-ikonzs li{float:left;position:relative;list-style:none}
.post{padding:15px 20px 0}
#social-ikonzs a{width:19px;height:20px;display:block;margin:0 3px;background-image:url(http://3.bp.blogspot.com/-GnsWJY-Hblo/UIbck16A3BI/AAAAAAAAGJM/qdog-XGwwQE/h20/sprite+images.png);background-position:0 0;background-repeat:no-repeat}
ul#social-ikonzs li.facebookx a{background-position:-19px 0}
ul#social-ikonzs li.twitterx a{background-position:-116px 0}
ul#social-ikonzs li.googlex a{background-position:-39px 0}
ul#social-ikonzs li.stumbleuponx a{background-position:-97px 0}
ul#social-ikonzs li.diggx a{background-position:0 0}
ul#social-ikonzs li.deliciousx a{background-position:-136px 0}
ul#social-ikonzs li.linkedinx a{background-position:-58px 0}
ul#social-ikonzs li.redditx a{background-position:-78px 0}
ul#social-ikonzs li.technoratix a{background-position:-155px 0}
#social-ikonzs strong{display:block;width:auto;padding:4px 7px;position:absolute;background-color:#5390AD;color:white;left:200%;bottom:40px;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-khtml-opacity:0;-moz-opacity:0;opacity:0;visibility:hidden}
#social-ikonzs li:hover strong{left:20%;-khtml-opacity:1;-moz-opacity:1;opacity:1;visibility:visible}
.ikonz-social{height:30px;padding:0 10px 0 0;margin:0 -20px;border-top:1px solid #E0E0E0}
.ikonz-social span{float:left;font-size:150%;padding:0 5px;line-height:32px;display:none;height:32px;margin-right:5px}
ul#social-ikonzs{float:left;margin:0;padding:5px 5px;position:relative}
.pager-isi a,.pager-isi .linkgrey{width:50%;display:block;float:left;padding:10px 0;font-size:120%;text-decoration:none}
.pager-isi a:hover, .pager-isi .linkgrey {
background-color: #fc6400;
color: #FFF;
text-decoration: none;
}
.pager-isi a:hover, .pager-isi .linkgrey h6 {
color: #FFF;
}
.pager-isi h6{color:#575757;font-size:105%;font-weight:bold}
a.blog-pager-newer-link{background-image:url(http://4.bp.blogspot.com/-r8YeL5MClP8/UIT2mjkPR6I/AAAAAAAAGGM/QM_4AcjZNfY/s1600/small-left.png);background-repeat:no-repeat;background-position:2% center;padding-left:3.5%;text-align:left}
a.blog-pager-older-link{background-image:url(http://1.bp.blogspot.com/-SovF-2Yqzx8/UIT2nmYLCuI/AAAAAAAAGGU/FjDXOtx5erk/s1600/small-right.png);background-repeat:no-repeat;background-position:98% center;padding-right:3.5%;text-align:right}
.pager-isi .linkgrey.left{padding-left:3.5%;text-align:left}
.pager-isi .linkgrey.right{padding-right:3.5%;text-align:right}
/*Blogger Page
..........................................................*/
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
padding: 0 10px;
text-align: center;
}
.feed-links {
display: none;
}
#related-postsx{overflow:hidden;border:1px solid white;border-bottom:1px solid #E0E0E0}
#related-postsx ul,#related-postsx li{list-style:none;padding:0;margin:0;overflow:hidden}
#related-postsx li{width:25%;float:left;padding:5px;position:relative}
#related-postsx .jdlunya{display:block;width:100%;height:100px;overflow:hidden;position:relative}
#related-postsx img{width:100%;height:100%}
#related-postsx strong{position:absolute;z-index:2;width:100%;left:0;bottom:0;padding:5px;height:100%;display:none;color:white}
#related-postsx .gmbrrltd{display:block;width:100%;height:100%;background-color:black}
#related-postsx .infonya{font-size:10px;position:absolute;z-index:2;bottom:10px;left:10px;color:white;width:100%}
#related-postsx .infonya span{display:block}
#related-postsx .infonya a{color:white}
#related-postsx .jdlunya:hover strong{display:block}
#related-postsx .jdlunya:hover img{-khtml-opacity:0.3;-moz-opacity:0.3;-ms-filter:&quot;progid:DXImageTransform.Microsoft.Alpha(opacity=30)&quot;;filter:alpha(opacity=30);opacity:0.3}
@media only screen and (min-width:768px) and (max-width:989px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
#related-postsx li{width:50%}
.post h1.post-title{font-size:180%}
}
@media only screen and (max-width:767px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
#related-postsx li{width:50%}
.post h1.post-title{font-size:180%}
}
@media only screen and (max-width:479px){
.post{padding:10px 7px 0}
.comments .comments-content{padding:0 7px}
.post h1.post-title{font-size:140%}
#labelxnya ul.labelxx {left: 0;}
}
#isihead,#naviga,#content-wrapper,{width:99%;max-width:1190px;margin:0 auto;padding:0 10px}
#footer-wrapper{background-color:#202b02;border-top:1px solid #a89e00;border-bottom:1px solid #3C3C3C}
#headwrna{background: url(http://1.bp.blogspot.com/-OzVU_dBv_EI/Ue37O4E6GFI/AAAAAAAAAD4/ygCGqNzs_vY/s1600/bg-header.png&quot;) repeat-x scroll 0px 0px rgb(113, 106, 1);border-bottom:1px solid #1C1D20}
#navwarna{background: url(http://2.bp.blogspot.com/-lYN9nR3p3Ac/Ue31q91nwDI/AAAAAAAAADY/KspWGGMZeDQ/s1600/nav.png&quot;) repeat-x scroll 0% 0% rgb(20, 45, 45);border-top:2px solid #fc6400;border-bottom:1px solid #3C3C3C}
#main-wrapper{border:1px solid #E0E0E0;background-color:#FAFAFA}
#menulabel{background-color:#dddddd;height:35px;border:1px solid white;border-bottom:1px solid #E0E0E0;padding:0 15px}
#main-wrapper{width:65%}
#sidebar-wrapper{width:35%;padding:0 0 0 10px}
#sibebar-atas .sidebar .widget:nth-child(odd) h2,#sibebar-bawah .sidebar .widget:nth-child(odd) h2,#footer-wrapper .footer .widget:nth-child(odd) h2{background-color:#454100;border:1px solid #555}
#sibebar-tengah h2{display:none}
#sidebar-wrapper #sibebar-tengah .widget-content{padding:0 0;border:0}
#sibebar-tengah{margin:0 0 1.5em 0}
#content-wrapper{padding:15px 0 0 0;background-color:#fdfef2;}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:10px 0;padding:0;border:0;height:auto}
.post-body h1{font-size:180%}
.post-body h2{font-size:160%}
.post-body h3{font-size:140%}
.post-body h4{font-size:130%}
.post-body h5{font-size:120%}
.post-body h6{font-size:110%}
#rcentpost .thumbp,#rcentcomnets .kmtimg,.PopularPosts .item-thumbnail{float:left;width:55px;height:55px;margin:0 5px 2px 0}
.PopularPosts img{padding-right:0}
#rcentpost img,#rcentcomnets img{width:100%;height:100%}
#rcentpost .titlexp h4 a,#rcentcomnets .ketkomt a,.PopularPosts .item-title a{display:block;font-size:12px;font-weight:bold;color:#494949;line-height:1.3em;margin:0 0 3px 0}
#rcentpost .titlexp h4 a:hover,#rcentcomnets .ketkomt a:hover,.PopularPosts .item-title a:hover{color:black}
#rcentpost .datex,#rcentcomnets span{font-size:9px}
#rcentpost .cm{margin-left:5px}
.BlogArchive #ArchiveList ul li{margin:0}
#sidebar-wrapper #sibebar-tengah .BlogArchive .widget-content{padding:5px 10px}
#isifooter .footer-wrap{width:32.78%}
#isifooter .tengahfoot{margin:0 0.75%}
#related-posts-loadingtext,#rcentcomnets .loadx,#rcentpost .loadnya{display:block;width:80px;height:10px;margin:10px auto;text-indent:-9999px;background:transparent url(http://1.bp.blogspot.com/-vPivuucfViM/UN8jzBwcZKI/AAAAAAAAHbY/at-JwuUBk_4/s1600/horizontal-loading.gif) no-repeat 0 0}
@media only screen and (max-width:1024px){
#isihead,#naviga,#content-wrapper,#isifooter{padding:0 0;width:990px}
#content-wrapper{padding:15px 0 0 0}
}
@media only screen and (min-width:768px) and (max-width:989px){
#isihead,#naviga,#content-wrapper,#isifooter{width:754px}
#main-wrapper{width:60%}
#sidebar-wrapper{width:40%}
.post{padding:10px}
}
@media only screen and (max-width:767px){
#navmobi,#navmobitop{display:block}
#nav-top .menutopx,#nav,#navmobitop ul#topnav,#navmobi ul{display:none}
#isihead,#naviga,#content-wrapper,#isifooter{width:445px}
#main-wrapper,#sidebar-wrapper,#isifooter .footer-wrap{width:100%;float:none;padding:0}
#main-wrapper,#sidebar-wrapper{margin:0 0 15px}
.post{padding:10px}
#header-wrapper{float:none;position:relative;top:8px;width:100%}
#nav-top{float:none;margin:0}
#isihead{height:auto;min-height:80px}
#socialnya{position:relative;top:0}
#navmobitop ul,#navmobitop li,#navmobi ul,#navmobi li{list-style:none;padding:0;margin:0}
#navmobitop{overflow:hidden}
#mobilenavtop{display:block;float:right;padding:5px 15px 5px 5px;background-color:#262F38;position:relative;border:1px solid #000C2C;color:#BBB}
#mobilenavtop::after{content:&quot;&quot;;width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#9C9C9C transparent transparent transparent;position:absolute;top:10px;right:5px}
#mobilenavtop.active{background-color:#5390AD;color:white}
#mobilenavtop.active::after{border-color:transparent transparent white transparent;top:5px}
#navmobitop ul#topnav{width:100%}
#navmobitop ul#topnav a{display:block;padding:4px 5px;margin:2px 0;border:1px solid #111C2E;background-color:#1B252E;color:white}
#navmobitop ul#topnav a:hover{background-color:#5390AD}
#navwarna{min-height:30px}
#navmobi ul{width:100%}
#naviga{height:auto}
#navigx{float:none}
#mobilenav{display:block;float:left;padding:0 20px 0 5px;line-height:27px;color:#E2E2E2;background-color:#5390AD;border:1px solid #000C2C;position:relative}
#mobilenav::after{content:&quot;&quot;;width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#D6D6D6 transparent transparent transparent;position:absolute;top:12px;right:7px}
#mobilenav.active{color:white}
#mobilenav.active::after{border-color:transparent transparent white transparent;top:6px}
#navmobi li{position:relative}
#navmobi li a{display:block;padding:6px 10px;margin:2px 0;border:1px solid #15253A;background-color:#233347;color:#C4C4C4}
#navmobi li .sub-menux a{padding:6px 10px 6px 20px;background-color:#1D2E41}
#navmobi li a:hover,#navmobi li.dgnsub.active &gt;a{background-color:#5390AD;color:white}
#navmobi li.dgnsub::after{content:&quot;&quot;;width:0;height:0;border-width:5px 3px;border-style:solid;border-color:#B8B8B8 transparent transparent transparent;position:absolute;top:12px;right:10px}
#navmobi li.dgnsub.active::after{border-color:transparent transparent white transparent;top:6px}
}
@media only screen and (max-width:479px){
#isihead,#naviga,#content-wrapper,#isifooter{width:310px}
#menulabel{padding:0 5px 0 0}
#labelxnya span.clicklabelx,#labelxnya span{text-indent:-9999px;padding:0;width:40px}
#labelxnya ul.labelxx{left:-30px}
}
#view{float:left}
#view a{display:inline-block;width:31px;height:31px;text-indent:-9999px;float:left;background-image:url(http://4.bp.blogspot.com/-O-kSvWKsmYk/UN9JaRxLC2I/AAAAAAAAHcU/01bQBGyEu8I/s1600/sprite1b.png);background-position:0 0;background-repeat:no-repeat;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none}
#view a.grid{background-position:5px -29px}
#view a.grid.active{background-position:5px 5px}
#view a.list{background-position:5px -97px}
#view a.list.active{background-position:5px -63px}
a.thumbx{float:left;margin:0 20px 0 0;width:110px;height:85px;display:block}
a.thumbx img{display:block;width:100%;height:100%}
.post h2.post-title{margin:5px 0 10px;padding:0;overflow:hidden;font-size:120%;line-height:1.1em;color:black}
.post h2.post-title a{color:#555}
.post h2.post-title a:hover{color:#6D6D6D}
.blog-posts.hfeed{overflow:hidden}
.post.grid{width:33.3%;border:0;float:left}
.post.grid a.thumbx{float:none;margin:0 auto;width:100%;height:130px}
.post.grid h2.post-title{font-size:120%;max-height:63px}
.post.grid .infox,.post.grid .labelxatas{display:none}
.post.grid{width:33.3%;border:0;float:left;padding:0 10px;margin:15px 0 0;height:300px}
#blog-pager{text-align:left;padding:0 10px}
.showpageArea .showpagePoint,.showpageArea a{display:block;float:left;padding:5px 8px;margin-right:3px}
.showpageArea a{background-color:#E7E7E7;border:1px solid #C5C5C5}
.showpageArea .showpagePoint,.showpageArea a:hover{background-color:#5390AD;border:1px solid #555;color:white}
@media only screen and (min-width:768px) and (max-width:989px){
a.thumbx{margin:0 10px 0 0;width:120px;height:100px}
.post h2.post-title{font-size:120%;margin:5px 0}
.labelxatas{font-size:10px}
.infox{font-size:9px}
.post-body p{margin:5px 0 0;font-size:11px}
.post.grid{width:50%}
}
@media only screen and (max-width:767px){
a.thumbx{margin:0 10px 0 0;width:120px;height:100px}
.post h2.post-title{font-size:120%;margin:5px 0}
.labelxatas{font-size:10px}
.infox{font-size:9px}
.post-body p{margin:5px 0 0;font-size:11px}
.post.grid{width:50%}
}
@media only screen and (max-width:479px){
a.thumbx{width:100px;height:100px}
.post.grid{height:240px;padding:0 5px}
.post.grid a.thumbx{height:90px}
.post.grid h2.post-title{font-size:120%;max-height:45px}
.showpageArea .showpagePoint,.showpageArea a{padding:3px 5px}
}
.post h2.post-title{font-size:120%;margin:0 0 10px;color:black}
.post h2.post-title a{color:#555}
.post h2.post-title a:hover{color:#6D6D6D}
@media only screen and (min-width:768px) and (max-width:989px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
.post h2.post-title{font-size:180%}
}
@media only screen and (max-width:767px){
.post{padding:10px 10px 0}
.comments .comments-content{padding:0 10px}
#related-postsx li{width:50%}
.post h2.post-title{font-size:180%}
}
@media only screen and (max-width:479px){
.post{padding:10px 7px 0}
.comments .comments-content{padding:0 7px}
.post h2.post-title{font-size:140%}
#labelxnya ul.labelxx {left: 0;}
}
#related-posts {float:center;text-transform:none;height:100%;min-height:100%;padding:0;margin:auto;box-shadow: 0px 0px 8px #616D7E;
-webkit-box-shadow: 0px 0px 8px #616D7E;
-moz-box-shadow: 0px 0px 8px #616D7E;}
  .related-posts {margin: 0;padding: 0;font-size:14px;font-weight:bold}
.related-posts ul {margin: 0;padding-top: 5px}
.related-posts ul li {background: url(http://1.bp.blogspot.com/-y9daose5s4E/Ue7n83jF39I/AAAAAAAAAE4/uXy-oIHeJ6A/s516/icon.jpg) no-repeat top left;list-style-type: none;margin: 0 0 2px 5px;;padding: 2px 0 0 18px;word-wrap: break-word}